<template>
  <view class="version-main">
    <view class="logo"></view>
<!--    注意下面这一行代码会被部署脚本根据 "Version" 和 id="version-text 识别出 要更新的版本号文本  -->
    <view class="version-text" id="version-text">Version 2.1.0</view>
    <view
      class="protocol"
      @click="goToDetail(0)"
      style="
        bottom: 324rpx;
        left: 221rpx;
        display: flex;
        justify-content: center;
      "
      >《用户协议》</view
    >
    <view
      @click="goToDetail(1)"
      class="protocol"
      style="bottom: 266rpx; width: 100vw; text-align: center"
      >《隐私协议》</view
    >
    <!--    <view-->
    <!--      class="protocol"-->
    <!--      style="bottom: 144rpx; width: 100vw; text-align: center; color: #323233"-->
    <!--      >启租网 版权所有</view-->
    <!--    >-->
    <view
      class="protocol"
      style="
        bottom: 92rpx;
        width: 100vw;
        text-align: center;
        color: #323233;
        font-size: 24rpx;
      "
    >
      <text>©2020-2022 深圳前海启租科技有限公司</text>
      <text style="display: block">启租网 版权所有</text>
    </view>
  </view>
</template>

<script>
import { protocolMixin } from '../../util/reuse';

export default {
  mixins: [protocolMixin],
  data() {
    return {
      // USER_ORIENTED
    };
  },
  methods: {}
};
</script>

<style scoped lang="scss">
@import '../../assets/styles/global';

.version-main {
  .logo {
    /*background-color: yellow;*/
    position: absolute;
    top: 152rpx;
    left: 50%;
    margin-left: -157rpx;
    width: 314rpx;
    height: 304rpx;
    background-image: url('../../static/bothImages/bbguanjiaLogo.png');
    @include contain-no-repeat-center;
  }
  .version-text {
    height: 40rpx;
    font-size: 28rpx;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rpx;
    color: #333333;
    position: absolute;
    top: 530rpx;
    width: 176rpx;
    left: 50%;
    margin-left: -88rpx;
  }

  .protocol {
    position: absolute;

    width: 308rpx;
    height: 40rpx;
    font-size: 28rpx;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rpx;
    color: #ba9d61;
  }
}
</style>
